/* ====================================== */
/* CSS for control sap.m/RatingIndicator  */
/* Belize theme                           */
/* ====================================== */

@_sap_m_RatingIndicator_IconUnselectedColor: darken(@sapUiContentForegroundColor, 30);
@_sap_m_RatingIndicator_IconHoverColor: darken(@sapUiAccent1, 5);

.sapMRIIconSel {
	color: @sapUiAccent1;
}

.sapMRIIconUnsel  {
    color: @_sap_m_RatingIndicator_IconUnselectedColor;
}

.sapMRIDisabled {
    opacity: 0.5;
}

.sapMRIIconHov {
	color: @_sap_m_RatingIndicator_IconHoverColor;
}

/* Custom focus outline */
html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled) {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -1px;
}

/* IE ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ie"].sap-desktop {
	.sapMRI:focus {
		outline: none;
		position: relative;
	}
	.sapMRI:focus:not(.sapMRIDisabled)::before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 1px dotted @sapUiContentFocusColor;
	}
}